﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="themes.aspx.cs" Inherits="themes" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>主题设置</title>
    <link rel="stylesheet" href="../../img/ui/themes.css">
    <link rel="stylesheet" href="../../img/ui/globle.css">
    <link rel="stylesheet" href="../../js/jquery.HooRay/jquery.HooRay.css">
</head>
<body>
    <div class="title">
        系统主题</div>
    <div class="wallpapertype">
        <div class="value_1" id="value_1" style="margin-top: 8px; float: right; display: inline-block;
            width: 170px">
            <select name="wallpapertype" id="wallpapertype" runat="server">
                <option value="tianchong">填充</option>
                <option value="shiying" >适应</option>
                <option value="pingpu">平铺</option>
                <option value="lashen">拉伸</option>
                <option value="juzhong">居中</option>
            </select>
        </div>
        <span style="float: right">显示方式： </span>
    </div>
    <ul class="wallpaper">
        <asp:Repeater ID="rpttheme" runat="server">
            <ItemTemplate>
                <li <%#GetThCss(Container.ItemIndex)%> wpid="<%#Eval("ID") %>">
                    <img src=" ../../<%#getFileInfo(Eval("url").ToString())%>">
                    <div>
                    <%#Eval("title")%>
                    </div>
                </li>
            </ItemTemplate>
        </asp:Repeater>
    </ul>
    <script src="../../js/jquery-1.7.2.min.js"></script>
    <script src="../../js/jquery.HooRay/jquery.HooRay.js"></script>
    <script src="../../js/global.js"></script>
    <script src="../../js/artDialog4.1.5/artDialog.js?skin=default"></script>
    <script>
        $(function () {
            $('.value_1').HRxllb({ optionsHeight: 200 });
            $('.wallpaper li').on('click', function () {
                window.parent.HROS.wallpaper.update($('#wallpapertype').val(), $(this).attr('wpid'));
            });
            $(".hr-xllb-wallpapertype-div").live('click', function () {
                window.parent.HROS.wallpaper.update($('#wallpapertype').val(), '');
            });
        });
    </script>
</body>
</html>
